■ 2カラムベーシック
2カラムのもっとも基本的なタイプです。全体の色はほとんど画像も使ってないので、内容に合わせて変えてもらえるといいと思います。 見出しもちょっとパターンを変えることができます。
ホームページを作るときのベースとして考えたので、非常にシンプルな構造です。メニューと本文部分を入れ替えるのは簡単です。画像は本文部分の幅より余白部分だけ小さくなり、790px400px。素材サイトで見つけましょう。
■ 本文見出しタイプ3
見出しの周りの枠がいくつかあります。entryとして、CSSに用意してあります。また<strong>ここに文章を入れます。</strong>で囲むと、ここに文章を入れます。と強調になります。
<span></span>で囲むと、classを付けて色を指定することもできます。色は自分の好きなようにCSSシートを参考に作ってみるのもいいでしょう。
■ 色の背景
灰色の背景で、見出しごとつつんでいます。背景に色がつくと、強調や特別な文面として目立ちます。色は自由に変えてみましょう。
■ リスト例
- リスト
- リスト
- リスト
◆ 4列タイプ－gridを使った商品枠
アイテム
アイテム
アイテム
アイテム
文章の上下にドットラインを入れた枠。
上下左右のborder（ボーダー）の種類を変えることで色々な枠がつくれます。